<template>
  <div ref="chart" style="width: 100%; height: 300px;"></div>
</template>

<script>
// import echarts from 'echarts'

export default {
  name: 'DevelopmentChart',
  
  data() {
    return {
      chart: null
    }
  },
  
  mounted() {
    // this.initChart()
  },
  
  beforeDestroy() {
    if (this.chart) {
      this.chart.dispose()
    }
  },
  
  methods: {
    // initChart() {
    //   this.chart = echarts.init(this.$refs.chart)
    //
    //   const option = {
    //     tooltip: {
    //       trigger: 'axis'
    //     },
    //     legend: {
    //       data: ['指标1', '指标2', '指标3']
    //     },
    //     xAxis: {
    //       type: 'category',
    //       data: ['1201', '1202', '1203', '1204', '1205', '1206', '1207']
    //     },
    //     yAxis: {
    //       type: 'value'
    //     },
    //     series: [
    //       {
    //         name: '指标1',
    //         type: 'bar',
    //         stack: 'total',
    //         data: [320, 302, 301, 334, 290, 330, 320]
    //       },
    //       {
    //         name: '指标2',
    //         type: 'bar',
    //         stack: 'total',
    //         data: [120, 132, 101, 134, 90, 230, 210]
    //       },
    //       {
    //         name: '指标3',
    //         type: 'bar',
    //         stack: 'total',
    //         data: [220, 182, 191, 234, 290, 330, 310]
    //       }
    //     ]
    //   }
    //
    //   this.chart.setOption(option)
    // }
  }
}
</script> 